﻿@model IList<HotDealD2.Models.ModelView.ALLDealView>
           
@{
    ViewBag.Title = "Home Page";
    
}

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>@ViewBag.Title</title>
<link type="text/css" media="screen" rel="stylesheet" href="../../../../Content/HomeSite/stylesheets/Homepage.css" />

<!--[if IE 6]>
<script type="text/javascript" src="scripts/DD_belatedPNG_0.0.7a.js"></script> 
<script type="text/javascript" src="scripts/png_fix_elements.js"></script> 
<![endif]-->

</head>

<div class="bdw" id="bdw">
  <div id="bd">  
  <div style="width:100%; margin: 15px auto -10px; margin: 8px auto 0;">
	<div class="sysmsg-tip-deal-close-moz1">
    <!-- catologe --> 
	<div class="cat_choose_df">Chọn thể loại</div>
 	    <div class="cat_choose" style="z-index:1001">
		    <a class="active" href="@Url.Action("Index")"><b>Tất cả <span>(106)</span></b></a> |            
		    <a class="" href="@Url.Action("IndexType", new { id = 1 })">Ăn uống <span>(10)</span></a> &nbsp;|&nbsp;						  
            <a class="" href="@Url.Action("IndexType", new { id = 2 })">Du lịch <span>(12)</span></a> &nbsp;|&nbsp;	
            <a class="" href="@Url.Action("IndexType", new { id = 3 })">Hoạt động &amp; Giải trí <span>(6)</span></a> &nbsp;|&nbsp;
            <a class="" href="@Url.Action("IndexType", new { id = 4 })">Sản Phẩm <span>(67)</span></a> &nbsp;|&nbsp;						  
		    <a class="" href="@Url.Action("IndexType", new { id = 2 })">Sức khỏe &amp; Làm đẹp <span>(5)</span></a> &nbsp;|&nbsp;						  
		    <a class="" href="@Url.Action("IndexType", new { id = 2 })">Đào tạo<span>(6)</span></a> &nbsp;|&nbsp;						  
		    
		    					  
		 	          
		 </div>
	</div>	
   </div>

   @{
       foreach(var first in Model)
       {
        <div style="margin-top:35px;" class="deal_feature">
	        <div class="img_feature"> 
                <div id="team_images_" class="deal-buy-cover-img team_images">
	                <a href="../Home/DealDetail">
                       <img width="359" height="254" src="../../Content/HomeSite/ImageProduct/13336081337998.jpg"></a>
                </div>
            </div>
	        <div id="right_feature">
	        <div class="title_feature">
                <a title="Đến Shop Quỳnh Anh Sở Hữu Bộ Drap Giường + 02 Vỏ Gối + 01 Vỏ Gối Ôm Cao Cấp, Chăm Sóc Giấc Ngủ Cho Cả Gia Đình . Voucher 570.000 VNĐ Còn 295.000 VNĐ, Giảm 49% Chỉ Có Tại Hotdeal.vn!"
                    href="../Home/DealDetail">
            	    <div class="desc_feature">@Html.DisplayFor(m => first.TieuDeSanPham)</div>
                </a>
	        </div>
            @if (first.MaLoaiHinhGiaoDich == 1)
            {
	            <div style="font-style:italic;margin-left:30px; color: #036B94; font-size:11px; font-weight:bold;">
	                <img align="absmiddle" src="../../../../Content/HomeSite/images/voucher-icon.png"> (Giao Voucher)		
                </div>
            }
            else
            {
                <div style="font-style:italic;margin-left:30px; color: #036B94; font-size:11px; font-weight:bold;">
	                <img align="absmiddle" src="../../../../Content/HomeSite/images/voucher-icon.png"> (Giao sản phẩm)		
                </div> 
            }
	        </div>
	        <div class="price_feature">
	            <span class="hot_price">
                    @Html.DisplayFor(m => first.GiaTien)
                    <em style="font-size:28px; font-weight:bold;">VNĐ</em>
                </span>
	            <div style="font-size:16px; font-weight:normal; margin-top:10px; margin-bottom:0px;color:#666;font-style:normal; ">
	                Giá gốc: 
                    <span style="font-size:16px; color:#666;  text-decoration:line-through;">@Html.DisplayFor(m => first.GiaGoc) VNĐ</span>
                </div>
	            <div style="clear:both"></div>
	                <div class="small-box-save">          
	                    <span>Tiết kiệm</span>         
	                    <span class="number">@Html.DisplayFor(m => first.TietKiem) %</span>      
                    </div>
	                <div class="small-box-buyer">          
	                    <span>Số người đã mua</span>         
	                    <span class="number">@Html.DisplayFor(m => first.SoLuongMuaHienTai)</span>     
                    </div>
	                <div class="small-box-timer">          
	                    <span>Thời gian còn lại</span>         
	                    <span class="number">
                            <span>00:00:00</span>              
	                    </span>      
                    </div>
                <div class="price-button">
                    <a href="@Url.Action("DealDetail", new { id = first.MaDeal })" class="button-mua"></a>
                </div>
	        </div>
        </div>
           break;
       }
   }
   <!--Deal list-->
    <div id="listdeal" style="margin-top:-35px;">	
   @{ 
       int count = 0;
       foreach (var item in Model)
       {

           if ((count + 1) % 3 == 0 && count != 0)
           {
            <div class="deal_list deal_list_end" style="	-moz-border-radius: 7px; -webkit-border-radius: 7px; margin:40px 0px -10px 5px;">
		    <div class="deal_list_title">	
                <a title="@Html.DisplayFor(m => item.TenDeal)"
                    href="../Home/DealDetail">		
                    @Html.DisplayFor(m => item.TenDeal)
                </a>
                <div style="font-size:11px; font-style:italic;">
                    <img align="center" src="../../Content/HomeSite/images/xe-icon.png"> 
                    (Giao Sản Phẩm)       
                </div>
		    </div>
		    <div class="deal_list_img"> 
		        <a href="../Home/DealDetail">
                    <img src="../../Content/HomeSite/ImageProduct/13335101548421_home.jpg" width="267" height="183">
                </a>
            </div>   
            <div class="deal_list_desc">
            @Html.DisplayFor(m => item.TenDeal)
            </div>        
            <div class="p-detail-info">
				<div class="p-arrow-l">
					<div class="div-price">
						<div class="price-text">
                            Giá Tiền
                            <br>
						    <div class="tien">@Html.DisplayFor(m => item.GiaTien) VNĐ</div>
						</div>
							<div class="price-button">
							 	<a href="@Url.Action("DealDetail", new { id = item.MaDeal })" class="button-mua"></a>
							</div>
					</div>
					<div class="div-old-price">
						<div class="line-price">Trị giá:<span class="text-old-price">@Html.DisplayFor(m => item.GiaGoc) VNĐ</span>
						</div>
						<div class="line-price">Tiết kiệm:<span class="text-tk">@Html.DisplayFor(m => item.TietKiem) VNĐ</span>
						</div>
					</div>
				</div>
				<div class="p-arrow-r" >						
                    <div style="font-size:12px; text-align:right; padding-right:10px" >Thời gian còn lại</div>
                    <div style="font-size:16px; font-weight:bold; text-align:center">00:00:00</div>
					<div class="info-view">
						<div><span style="color:#0090ff">@Html.DisplayFor(m => item.SoLuongMuaHienTai)</span> Lượt mua</div>
						<div>Chưa đạt giá tốt</div>
					</div>
				</div>
            </div>
	        </div>   
           }
           else
           { 
            
		    <div class="deal_list" style="	-moz-border-radius: 7px; -webkit-border-radius: 7px; margin:40px 25px -10px 5px;">
		    <div class="deal_list_title">	
                <a title="@Html.DisplayFor(m => item.TenDeal)"
                    href="../Home/DealDetail">		
                    @Html.DisplayFor(m => item.TenDeal)
                </a>
                <div style="font-size:11px; font-style:italic;">
                    <img align="center" src="../../Content/HomeSite/images/xe-icon.png"> 
                    (Giao Sản Phẩm)       
                </div>
		    </div>
		    <div class="deal_list_img"> 
		        <a href="../Home/DealDetail">
                    <img src="../../Content/HomeSite/ImageProduct/13335101548421_home.jpg" width="267" height="183">
                </a>
            </div>   
            <div class="deal_list_desc">
            @Html.DisplayFor(m => item.TenDeal)
            </div>        
            <div class="p-detail-info">
				<div class="p-arrow-l">
					<div class="div-price">
						<div class="price-text">
                            Giá Tiền
                            <br>
						    <div class="tien">@Html.DisplayFor(m => item.GiaTien) VNĐ</div>
						</div>
							<div class="price-button">
							 	<a href="@Url.Action("DealDetail", new { id = item.MaDeal })" class="button-mua"></a>
							</div>
					</div>
					<div class="div-old-price">
						<div class="line-price">Trị giá:<span class="text-old-price">@Html.DisplayFor(m => item.GiaGoc) VNĐ</span>
						</div>
						<div class="line-price">Tiết kiệm:<span class="text-tk">@Html.DisplayFor(m => item.TietKiem) VNĐ</span>
						</div>
					</div>
				</div>
				<div class="p-arrow-r" >						
                    <div style="font-size:12px; text-align:right; padding-right:10px" >Thời gian còn lại</div>
                    <div style="font-size:16px; font-weight:bold; text-align:center">00:00:00</div>
					<div class="info-view">
						<div><span style="color:#0090ff">@Html.DisplayFor(m => item.SoLuongMuaHienTai)</span> Lượt mua</div>
						<div>Chưa đạt giá tốt</div>
					</div>
				</div>
            </div>
	        </div>		 
           }
           count++;
       }
     }
	</div>    

   <div style="clear:both"></div>
    <div id="pagination">
	        <ul class="paginator"><li class="current">1</li><li><a href="../Home/DealDetail">2</a></li><li></li><li><a href="../Home/DealDetail">3</a></li><li></li><li><a href="../Home/DealDetail">Trang kế</a></li>
			    <!--<li><a href="/Home/DealDetail">Last</a></li>--></ul>		
		</div>
   </div>
</div>
   
   